<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>UGame</title>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/ugame.js"></script>
</head>
<body>
<div id="wrapper">
    <div id="header" class="default-panel">
        <div id="header-top" class="default-panel">
            <div id="logo"></div>
            <!-- End #logo -->

            <div id="action-panel">
                <a href="#" id="settingButton" onclick="return false">
                    <img src="images/setting.png" alt="">
                </a>
                <a href="#" id="accountButton" onclick="return false">
                    <img src="images/account.png" alt="">
                </a>
                <a id="searchButton" href="#" onclick="return false">
                    <img src="images/search.png" alt="">
                </a>
            </div>
            <!-- End #action-panel -->
        </div>
        <!-- End #header-top -->

        <div class="fd-panel">
            <div id="search-panel">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td valign="top">
                            <div class="left-fd-panel default-panel">
                            </div>
                            <!-- End .left-fd-panel -->
                        </td>
                        <td style="width: 224px;" valign="top">
                            <div class="center-fd-panel default-panel">
                                <div class="main-fd-panel">
                                    <div class="text-input-2">
                                        <input type="text" value="Enter Search Keyword"/>
                                        <a href="#"></a>
                                    </div>
                                </div>
                                <!-- End .main-fd-panel -->
                                <div class="bottom-fd-panel">
                                </div>
                                <!-- End .bottom-fd-panel -->
                            </div>
                            <!-- End .center-fd-panel -->
                        </td>
                        <td valign="top">
                            <div class="right-fd-panel default-panel">
                            </div>
                            <!-- End .right-fd-panel -->
                        </td>
                    </tr>
                </table>
            </div>
            <!-- End #search-panel -->

            <div id="login-panel">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td valign="top">
                            <div class="left-fd-panel">
                                <a class="sign-up" href="#"></a>
                            </div>
                            <!-- End #left -->
                        </td>
                        <td valign="top" style="width: 224px;">
                            <div class="center-fd-panel">
                                <div class="main-fd-panel">
                                    <div class="text-input-1">
                                        <input type="text" value="email"/>
                                    </div>
                                    <div class="text-input-1">
                                        <input type="password" value="*****"/>
                                    </div>
                                </div>
                                <!-- End .main-fd-panel -->
                                <div class="bottom-fd-panel">
                                </div>
                                <!-- End .bottom-fd-panel -->
                            </div>
                            <!-- End .center-fd-panel -->
                        </td>
                        <td valign="top">
                            <div class="right-fd-panel">
                                <a class="sign-in" href="#"></a>
                            </div>
                            <!-- End #right -->
                        </td>
                    </tr>
                </table>
            </div>
            <!-- End #login-panel -->

            <div id="language-panel">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td valign="top">
                            <div class="left-fd-panel">
                            </div>
                            <!-- End .left-fd-panel -->
                        </td>
                        <td valign="top" style="width: 224px;">
                            <div class="center-fd-panel">
                                <div class="main-fd-panel">									
                                    <div class="check-input-1">
                                        <input type="radio" value="en-US" id="en-US" name="language"/>
                                        <label for="en-US">English</label>
                                    </div>
                                    <div class="check-input-1">
                                        <input type="radio" value="vi-VN" id="vi-VN" name="language"/>
                                        <label for="vi-VN">Tiếng Việt</label>
                                    </div>
                                </div>
                                <!-- End .main-fd-panel -->
                                <div class="bottom-fd-panel">
                                </div>
                                <!-- End .bottom-fd-panel -->
                            </div>
                            <!-- End .center-fd-panel -->
                        </td>
                        <td valign="top">
                            <div class="right-fd-panel">
                            </div>
                            <!-- End .right-fd-panel -->
                        </td>
                    </tr>
                </table>
            </div>
            <!-- End #language-panel -->
        </div>
        <!-- End #fd-panel-->
        
        <div id="banner default-panel">
            <img src="images/banner.png" alt="">
        </div>
        <!-- End #banner -->
        <div id="main-nav default-panel">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td><a href="#">News</a></td>
                    <td class="active"><a href="#">Store</a></td>
                    <td><a href="#">Forum</a></td>
                </tr>
            </table>
        </div>
        <!-- End #main-nav -->
    </div>
    <!-- End #header -->

    <div id="main">

    </div>
    <!-- End #main -->

    <div id="footer" class="default-panel">
        <div id="footer-banner">
        </div><!-- End #footer-banner -->
        <div id="footer-content" class="default-panel">
            <div id="footer-logo">
            </div><!-- End #footer-logo -->

            <a class="email" href="#" onclick="return false;"></a>
            <a class="phone" href="#"></a>
        </div><!-- End #footer-content -->
    </div>
    <!-- End #footer -->

    <div id="modal-dialog">
        <div class="dialog">
            <div class="dialog-title">
                <p class="text-effect-1 price">Ugame Notification</p>
            </div>
            <div class="dialog-main">
                <p class="errorMsg">Email or password is invalid</p>
            </div>
            <div class="dialog-action">
                <div class="button-style-3">
                    <a id="btn-close" href="#" class="text-effect-1 btn-label">OK</a>
                </div>
            </div>
        </div><!-- End .dialog -->
    </div><!-- End #modal-dialog -->
</div>
<!-- End #wrapper-->
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript">
    $('.email').click(function(){
       $('#modal-dialog').show();
    });
    $('#btn-close').click(function(){
       $('#modal-dialog').hide();
    });
</script>
</body>
</html>